<template>
  <div id="app" class="flex">
    <!-- 侧边导航栏 -->
    <Sidebar />
    
    <!-- 主内容区 -->
    <main class="flex-1 p-4" style="width: 100%;">
      <router-view />
    </main>
  </div>
</template>

<script setup>
import Sidebar from './components/Sidebar.vue'
</script>

<style scoped>
.flex {
  display: flex;
  min-height: 100vh;
}

main {
  background-color: #ecf0f1; /* 浅灰色内容区 */
}
</style>